<!--
	任务详情页面公共组件
	此处是展示任务和提案点进去信息的公共部分，因为下面按钮会有变化，上面展示信息一样，为了减少页面，做此分离
 -->

<template>
	<view class="task_detail">
		<view class="task_detail_content task_detail_title">
			{{taskDetailList.taskName || taskDetailList.name}}
		</view>
		<u-line></u-line>
		<view class="task_detail_content task_detail_details">
			{{taskDetailList.description}}
		</view>
		<view class="task_detail_content task_detail_secondary  task_detail_secondary_time">
			起止日期 {{ handleTime }}
		</view>
		<u-line></u-line>
		<view class="task_detail_content task_detail_secondary layout_flex">
			<view class="">
				发布人 {{taskDetailList.createBy}}
			</view>
			<view class="">
				激励金额 <text
					style="color: var(--echo-main-color);margin: 0 10rpx;">{{taskDetailList.incentiveAmount}}</text>
				{{taskDetailList.ccy}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ccy: '',
				startTime: '',
				endTime: ''
			};
		},
		props: {
			taskDetailList: {
				type: Object
			}
		},
		created() {
			this.ccy = getApp().globalData.ccy
			// console.log(this.taskDetailList.startTime)
			// console.log(this.taskDetailList.endTime)
			// 找到开始时间空格位置
			var startIndex = this?.taskDetailList?.startTime?.indexOf(" ");
			// 截取到开始时间
			this.startTime = this?.taskDetailList?.startTime?.slice('', startIndex);
			// 找到结束时间空格位置
			var endIndex = this?.taskDetailList?.endTime?.indexOf(" ");
			// 截取到结束时间
			this.endTime = this?.taskDetailList?.endTime?.slice('', endIndex);


		},
		computed: {
			handleTime() {
				return `${this.startTime} 至 ${this.endTime}`
			}
		}
	}
</script>

<style lang="scss" scoped>
	.task_detail {
		padding: 30rpx;
		// padding-top: 0rpx;

		&_content {
			padding: 0 30rpx;
		}

		.layout_flex {
			display: flex;
			justify-content: space-between;
			padding-top: 30rpx;
		}

		// 标题
		&_title {
			font-size: var(--echo-font-size-title);
			margin-bottom: 30rpx;
		}

		// 次要信息
		&_secondary {
			font-size: $echo-font-size-conent;
			color: #777;
			margin-bottom: 30rpx;
		}

		// 任务描述
		&_details {
			font-size: $echo-font-size-conent;
			color: #777;
			padding: 30rpx;
		}
	}
</style>
